<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人资料</title>
    <link rel="stylesheet" href="../../static/css/common/adaptor.css">
    <link rel="stylesheet" href="../../static/css/common/common.css">
    <link rel="stylesheet" href="../../static/css/me/myMsg.css">
</head>
<body>
    <div class="layout">
        <div class="header"><span>个人资料</span>
            <div class="backArrow"></div>
            <div class="save">保存</div>
        </div>
        <div class="myMsg">
            <label for="hPic" class="clearfix">
            <div class="headPic clearfix">
                <div class="headText">头像</div>
                <div class="picAdnArrowIcon clearfix">
                    <div class="pic"><img src="../../static/img/head_l@3x.png" alt="" class="showHeadPic"></div>
                    <div class="arrowIcon"></div>
                </div>
                <input type="file" id="hPic">
            </div>
            </label>
            <div class="bindPhone clearfix">
                <div class="text">绑定手机</div>
                <div class="phone"></div>
            </div>
            <div class="nickName clearfix">
                <div class="text">昵称：</div>
                <input type="text" class="userName" maxlength="10" autofocus>
            </div>
            <div class="gender clearfix">
                <div class="text">性别：</div>
                <div class="chose clearfix">
                    <div class="selectGender"></div>
                    <div class="arrowIcon"></div>
                </div>
            </div>
            <div class="choseDate clearfix">
                <div class="text">生日：</div>
                <div class="chose clearfix">
                    <div class="date"></div>
                    <div class="arrowIcon"></div>
                </div>
            </div>
        </div>
        <div class="logoutMarsk">
            <div class="stips">
                <div class="titleText">
                    <div class="title">修改性别</div>
                    <div class="text">请修改您的性别</div>
                </div>
                <div class="btn clearfix">
                    <div class="sure">男</div>
                    <div class="cancel">女</div>
                </div>
            </div>
        </div>
        <div class="tips"></div>
        <div class="loadingMarsk">
            <div class="loadingPic">
                <div class="rotatePic"><img src="../../static/img/1@3x.png" alt=""></div>
                <div class="centerPic"><img src="../../static/img/2@3x.png" alt=""></div>
            </div>
        </div>
    </div>
    <script src="../../static/assets/jquery/jquery.min.js"></script>
    <script src="../../static/assets/fastclick/fastclick.js"></script>
    <script src="../../static/js/config/config.js"></script>
    <script src="../../static/js/me/myMsg.js"></script>
</body>
</html>